<template>
	<span class="floating-icon-cart icon-cart" @click="goToCartPage"></span>
</template>
<script type="text/javascript">
	import utils from '@utils'
	export default {
		methods: {
			goToCartPage() {
	            utils.goToPage("cart.html");
	        }
		}
	}
</script>
<style>
	.floating-icon-cart {
	    display: flex;
	    width: 32px;
	    height: 32px;
	    position: fixed;
	    bottom: 96px;
	    right: 16px;
	    justify-content: center;
	    align-items: center;
	    font-size: 20px;
	    color: #e3e3e3;
	    border-radius: 50%;
	    box-sizing: border-box;
	    box-shadow: 0 0 3px rgba(0,0,0,.5);
	    background: rgba(0,0,0,0.5);
	}
</style>